<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
		<script type="text/javascript" src="<%= BASE_URL %>ckeditor/ckeditor.js"></script>
		<title>表单预览</title>
		<style>
			body {
				margin: 0;
				padding: 0;
				overflow-x: hidden;
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				text-rendering: optimizeLegibility;
				height: calc(100vh - 33px);
				padding: 12px;
				box-sizing: border-box;
				font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
			}
			body.disabled {
				position: relative;
				user-select: none;
			}
			body.disabled::before {
				content: "";
				position: fixed;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
				z-index: 999999;
			}
			input,
			textarea {
				font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
			}
		</style>
	</head>

	<body>
		<noscript>
			<strong>抱歉，javascript被禁用，请开启后重试。</strong>
		</noscript>
		<div id="previewApp"></div>

		<script>
			if (window.location.search.indexOf("disabled") !== -1) {
				document.body.classList.add("disabled")
			}
		</script>
	</body>
</html>
